<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>响应式布局</title>
    <link rel="stylesheet" href="./1.css">
</head>

<body>
    <div id="app" >
        <header>
            <div class="navContainer">
                <nav>导航1</nav>
                <nav>导航2</nav>
                <nav>导航3</nav>
                <nav>导航4</nav>
                <nav>导航5</nav>    
            </div>
            <div class="iconBtn">更多</div>
        </header>
        <main>
            <aside>left</aside>
            <section>center</section>
            <article>right</article>
        </main>
        <footer>footer</footer>
    </div>
</body>

</html>